import Vue from 'vue'
import VueRouter from 'vue-router'  // 导入 VueRouter
import App from './App.vue'

Vue.config.productionTip = false

// 使用 VueRouter
Vue.use(VueRouter)

// 1. 定义（路由）组件。
// 可以从其他文件 import 进来
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

// 2. 定义路由
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

// 3. 创建 router 实例
const router = new VueRouter({
  routes
})

// 4. 在 Vue 实例中使用 router
new Vue({
  router,  // 添加这行，将 router 实例注入到 Vue 根实例中
  render: h => h(App),
}).$mount('#app')